<script setup lang="ts">
import { useSect } from '../../../composables';

const { state: sectState } = useSect();
</script>

<template>
  <a-card size="small">
    <div class="flex-none flex items-center">
      <div class="flex-1 flex items-center">
        <div>宗门贡献：</div>
        <div>{{ sectState.sectContribution }}</div>
      </div>
      <div class="flex-1 flex items-center">
        <div>职位：</div>
        <div>{{ sectState.currentSectJob?.config.name }}</div>
      </div>
    </div>
  </a-card>
</template>
